<template>
  <div>
    <ul>
      <li v-for="message in messageList" :key="message.id">
        <router-link to="/home/message/detail">{{message.title}}</router-link>
      </li>
    </ul>
    <hr>
    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name:'Message',
    data() {
      return {
        messageList:[
          {id:'asdsa01',title:'中国移动话费通知！',content:'您的余额不足，请及时缴费'},
          {id:'asdsa02',title:'恭喜，您称为幸运用户！',content:'点击下方链接领取奖励'},
          {id:'asdsa03',title:'来自缅北的问候！',content:'诚邀您贡献您各种器官'}
        ]
      }
    },
  }
</script>

<style scoped>
  
</style>